.tagQueryBtn{
    border-radius: 15px;
    border-color: rgba(64, 158, 255,0) !important;
    padding-left:15px;
    padding-right:15px;
    position:relative;
}
.tagQueryBtnActive{
    background: rgb(64, 158, 255) !important;
    border-color: rgba($color: #000000, $alpha: 0) !important;
    color:#fff !important;
}

.tagQueryBtnActive.link{
  border-color: rgb(64, 158, 255) !important;
    background: rgba($color: #000000, $alpha: 0) !important;
    color:rgb(64, 158, 255)  !important;
}
.tagQueryBtnActive.link.warnning{
  border-color: #E6A23C!important;
  color:#E6A23C !important;
}

.card-diy{
  border:none;

  .card-header{
    height:40px;
    line-height: 40px;
    display: flex;
    position: relative;
  }

  .card-title{
    width: calc(100% - 75px);
    font-size: 15px;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right:10px;
  }
  .card-checked{
    color:#1890FF;
  }
  .card-checked::after{
    position:absolute;
    top:-10px;
    left:-15px;
    line-height: 20px;
    font-size: 16px;
    content: "◉";
    color: #6cb8ff;
  }
  .card-content{
    height:150px;
    position:relative;
    .user,.coll_name,.id{
      color:#999;
      font-size: 13px;
    }
    .id{
      position: absolute;
      bottom:0;
    }
  }
  .card-bottom{
    display: flex;        /* 启用 Flex 布局 */
    justify-content: flex-end; /* 水平右对齐 */
    height:40px;
    position:relative;
  
    .v{
      position:absolute;
      top:12px;
      left:0;
      color:#999;
      font-size: 13px;
    }
  }
}

.page-posi-div{
  position:fixed;left:0;right:0;bottom:0;padding:20px;box-shadow: 0 5px 5px 10px #F6F7FB;
}